<template>
  <div >
    任务编号：<el-input placeholder="请输入内容" v-model="rwid" clearable style="width: 200px;">
    </el-input>
    线路编号：<el-input placeholder="请输入内容" v-model="xlid" clearable style="width: 200px;">
    </el-input>

    有无故障：<el-select v-model="user" placeholder="--请选择--" style="width: 200px;">
      <el-option value="有"></el-option>
      <el-option value="无"></el-option>
    </el-select><br><br>

    消缺时间：<el-date-picker v-model="value1" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
    </el-date-picker>
    <el-button type="primary">查询</el-button>
    <el-button type="primary" icon="el-icon-printer">打印</el-button>
    <el-button type="primary" icon="el-icon-bottom-right">导出EXCEL</el-button>
    <el-table :data="tableData" stripe border style="width: 1000px;">
      <el-table-column prop="number1" label="任务编号" width="70">
      </el-table-column>
      <el-table-column prop="name" label="任务名称" width="200">
      </el-table-column>
      <el-table-column prop="number2" label="线路编号(起始杆号-终止杆号)" width="220">
      </el-table-column>
      <el-table-column prop="number3" label="杆塔编号" width="100">
      </el-table-column>
      <el-table-column prop="rank" label="缺陷级别" width="80">
      </el-table-column>
      <el-table-column prop="type" label="缺陷类型" width="100">
      </el-table-column>
      <el-table-column prop="data" label="发现时间" width="100">
      </el-table-column>
      <el-table-column prop="describe" label="缺陷描述">
      </el-table-column>
    </el-table>

    <el-pagination :page-size="20" :pager-count="11" layout="prev, pager, next" :total="1000" style="margin-left: 500px;">
    </el-pagination>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        tableData: [{
          number1: 'RW0245',
          name: '西渭一线任务巡检',
          number2: 'XW001（xw0001-xw00256）',
          number3: 'XW00001',
          rank: '一般',
          type: '叉梁断裂',
          data: '2013/11/12',
          describe: '主河道叉粱断裂痕迹'
        }, {
          number1: 'RW0246',
          name: '西渭二线任务巡检',
          number2: 'XW003（xw0001-xw00256）',
          number3: 'XW00002',
          rank: '严重',
          type: '拦河线断裂',
          data: '2013/11/12',
          describe: '拦截河道7股断2股'
        }, {
          number1: 'RW0245',
          name: '西渭一线任务巡检',
          number2: 'XW001（xw0001-xw00256）',
          number3: 'XW00001',
          rank: '一般',
          type: '叉梁断裂',
          data: '2013/11/12',
          describe: '主河道叉粱断裂痕迹'
        }, {
          number1: 'RW0245',
          name: '西渭一线任务巡检',
          number2: 'XW001（xw0001-xw00256）',
          number3: 'XW00001',
          rank: '一般',
          type: '叉梁断裂',
          data: '2013/11/12',
          describe: '主河道叉粱断裂痕迹'
        }, {
          number1: 'RW0245',
          name: '西渭一线任务巡检',
          number2: 'XW001（xw0001-xw00256）',
          number3: 'XW00001',
          rank: '一般',
          type: '叉梁断裂',
          data: '2013/11/12',
          describe: '主河道叉粱断裂痕迹'
        }, ],
        rwid: '',
        xlid: '',
        user: '',
        value1:''
      }

    }
  }
</script>
<style>

</style>
